<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../common/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>广东省网上办事大厅 - 珠海分厅 - 网上办事</title>
		<meta content="text/html; charset=utf-8" http-equiv=Content-Type/>
		<meta name=description content=广东省网上办事大厅-珠海分厅/>
		<meta name=keywords
			content="珠海，投资申请，项目审批，商机，珠海人民政府，政民互动,效能监察,投资审批,网上办事 "/>
		<link rel=stylesheet type=text/css href="../static/css/common.css"/>
		<link rel=stylesheet type=text/css href="../static/css/wsbs.css"/>
		<script type=text/javascript src="../js/jquery.js"></script>
		<script src="../js/commonInChildPage.js" type=text/javascript></script>
		<script src="../js/highcharts.js" type=text/javascript></script>
		<!--[if IE 6]>
			<script src="/js/DD_belatedPNG.js" type="text/javascript"></script>
			    <script type="text/javascript">
			        DD_belatedPNG.fix('.png');
			</script>
		<![endif]-->
		<meta name=GENERATOR content="MSHTML 8.00.6001.23501"/>
		<style type="text/css">
 			table{
 				margin:40px
 			}
			table tr td{
				width:100px;
				text-align:center;
			}
		</style>
	</head>
	<body>
		<jsp:include page="../include/head.jsp" />
		<div class=position>
			<strong>
				<table id=wypy border=0 cellSpacing=0 cellPadding=0 width=310>
					<tbody>
						<tr>
							<td class=xinxin_font height=20 vAlign=bottom width=170
								align=right>
								本窗口服务星级评定：
							</td>
							<td onmouseover=rate(this,event) vAlign=center width=140
								align=left>
								<img title=很烂 src="../images/star_2.png" width=20/>
								<img title=一般 src="../images/star_2.png" width=20/>
								<img title=还好 src="../images/star_2.png" width=20/>
								<img title=较好 src="../images/star_2.png" width=20/>
								<img title=很好 src="../images/star_2.png" width=20/>
							</td>
						</tr>
					</tbody>
				</table>您现在的位置：</strong>
				<a href="http://wsbs.zhzw.gov.cn/">首 页</a> &gt;
				<a href="http://wsbs.zhzw.gov.cn/wsbs/">网上办事</a> &gt;
				<a href="../index.do">公共资源交易大厅</a>&gt;
				采购成交趋势分析
		</div>
		<div class="main t10 clearfix">
			<!-- right -->
			<div style="padding-top:0px">
				<div class="right_box">
					<div class="content-box" style="width:800px;height:800px;margin-bottom:10px">
						<div class="content-box_tit">
							我的应用
						</div>
						
							<div id="zxtContainer" align="center" style="min-width: 250px; height: 250px; margin: 0 auto">
							</div>
							<div id="bztContainer" style="min-width: 250px; height: 250px; margin: 0 auto"></div>
						
							<div align="left" >
								<table border=1>
									<tbody>
										<tr>
											<td>年份</td><td>月份</td><td >采购人数</td><td>供应商数</td><td >成交总金额</td>
										</tr>
									</tbody>
									
									 <c:forEach items="${list}" var="p" >
									    <tr>
											<td>${p.year}</td>
											<td>${p.month}</td>
											<td >${p.cgrs}</td>
											<td>${p.gysrs}</td>
											<td >${p.sum}</td>
										</tr>
									 </c:forEach>
								</table>
							</div>
					</div>
				</div>
			</div>
		</div>
		<jsp:include page="../include/bottom.jsp" />
		
		<script type="text/javascript">
			    $(function () {
			        $('#zxtContainer').highcharts({
			            title: {
			                text: '成交金额折线图',
			                x: -20 //center
			            },
			            subtitle: {
			                text: '年: 2013',
			                x: -20
			            },
									credits: { //去掉右下角highchart标识
			            	 text: '',
			            	 href: ''
			        	 	},
			            xAxis: {
			                categories:[ //x轴
			                    '一月<br>2013', '二月','三月', '四月', '五月',
			                    '六月','七月','八月','九月','十月',
			                    '十一月','十二月'
			                ]
			            },
			            yAxis: {
			                title: {
			                    text: '数量'
			                },
			                plotLines: [{
			                    value: 0,
			                    width: 1,
			                    color: '#808080'
			                }]
			            },
			            tooltip: {
			                valueSuffix: '个'
			            },
			            legend: {
			                layout: 'vertical',
			                align: 'right',
			                verticalAlign: 'middle',
			                borderWidth: 0
			            },
			            series: [{
			                name: '施工',
			                data: [7, 6, 5, 35, 8, 21, 25, 26, 23, 18, 13, 9]
			            }, {
			                name: '监理',
			                data: [0, 38, 27, 11, 17, 22, 24, 24, 20, 14, 28, 25]
			            }, {
			                name: '勘察',
			                data: [9, 16, 35, 18, 13, 17, 18, 17, 14, 9, 9, 10]
			            }, {
			                name: '设计',
			                data: [39, 42, 57, 8, 11, 15, 17, 16, 14, 10, 6, 8]
			            }]
			        });
			    });
			    
			    
			    $(function () {
		    $('#bztContainer').highcharts({
		        chart: {
		            plotBackgroundColor: null,
		            plotBorderWidth: null,
		            plotShadow: false
		        },
						credits: { //去掉右下角highchart标识
		            	 text: '',
		            	 href: ''
		        },
		        title: {
		            text: '工程数量统计图'
		        },
		        tooltip: {
		    	    pointFormat: '数量: <b>{point.y}个</b>'
		        },
		        plotOptions: {
		            pie: {
		                allowPointSelect: true,
		                cursor: 'pointer',
		                dataLabels: {
		                    enabled: true,
		                    color: '#000000',
		                    connectorColor: '#000000',
		                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
		                }
		            }
		        },
		        series: [{
		            type: 'pie',
		            name: '百分比',
		            data: [
		                ['监理',       20],
		                ['勘察',       30],
									 	{
		                    name: '施工',
		                    y: 35,
		                    sliced: true,
		                    selected: true
		                },
		                ['设计',       18]
		            ]
		        }]
		    });
		});
			    
			    
	   </script>
		
	</body>
	
</html>

